import { JSX } from 'react'
import { useGetFiles } from './use-get-files'
import { LeftTree } from './left-tree'

interface Props {
  path: string
}

export function Files(props: Props): JSX.Element {
  const [files] = useGetFiles(props.path)

  return (
    <div>
      <LeftTree files={files} />
    </div>
  )
}
